<template>
	<view class="wrap">
		<view class="wrap-accusation">
			<view class="wrap-accusation-title">
				请选择举报原因
			</view>
			<view class="wrap-accusation-list align-justify-space-between" @click="goAccusationContent">
				色情相关
				<up-icon name="arrow-right"></up-icon>
			</view>
			<view class="wrap-accusation-list align-justify-space-between" @click="goAccusationContent">
				虚假资料
				<up-icon name="arrow-right"></up-icon>
			</view>
			<view class="wrap-accusation-list align-justify-space-between" @click="goAccusationContent">
				婚托、饭托、酒托等
				<up-icon name="arrow-right"></up-icon>
			</view>
			<view class="wrap-accusation-list align-justify-space-between" @click="goAccusationContent">
				诈骗钱财
				<up-icon name="arrow-right"></up-icon>
			</view>
			<view class="wrap-accusation-list align-justify-space-between" @click="goAccusationContent">
				其他
				<up-icon name="arrow-right"></up-icon>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	const goAccusationContent = () =>{
		uni.navigateTo({
			url:'/pages/home/accusationContent'
		})
	}
</script>

<style scoped lang="scss">
	.wrap {
		padding: 30rpx 30rpx 200rpx 30rpx;
		box-sizing: border-box;

		&-accusation {
			padding: 40rpx;
			box-sizing: border-box;
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			background-color: #fff;

			&-title {
				margin-bottom: 40rpx;
				font-weight: bold;
				font-size: 34rpx;
				color: #222222;
			}
			
			&-list{
				height: 96rpx;
				font-size: 30rpx;
				color: #444444;
			}
		}
	}
</style>